<script src="${acePath}/assets/js/jquery-ui.min.js"></script>
<script src="${acePath}/assets/js/jquery-ui.custom.min.js"></script>
<script src="${acePath}/assets/js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript">
var settings = {
 modelDomainFlag:"sys"
,modelFlag:"monitor"
}
</script> 
<script type="text/javascript">
var start = true;
<!--
$script('${plugin}/highcharts/js/highcharts.js', 'highcharts',function(){
	$script('${plugin}/highcharts/js/highcharts-3d.js','link11', function() {
		$script('${plugin}/highcharts/js/modules/exporting.js','link12', function() {
			$script('${plugin}/highcharts/js/highcharts.js','link13', function() {
				$script(window.global.ctx+'/static/fw/js/fw-highchart.js','link1', function() {
					$script(window.global.ctx+'/static/fw/js/fw-monitor.js','m', function() {
						$script(window.global.ctx+'/static/js/monitor/index.js','link', function() {
						},1);
					});
				});
			});
		});
	});
});
//-->
</script>
<div class="row page-content">
	 <h5>服务器：<span id="osName">-</span>，启动时间：<span id="startTime">-</span>，服务器JDK：<span id="jvmName">-</span></h5>
</div> 
<div class="row">
	<div class="tabbable">
		<ul class="nav nav-tabs tab-color-blue background-blue" id="myTab">
			<li class="active">
				<a data-toggle="tab" href="#jvm">
					<i class="green ace-icon fa bigger-120"></i>
					JVM（java虚拟机监控）
				</a>
			</li>
			<li>
				<a data-toggle="tab" href="#os">
					服务器环境监控
				</a>
			</li>
		</ul>
		<div id="machine"  class="tab-content row">
						<div id="jvm" class="tab-pane fade in active">
								<div class="col-sm-6 widget-container-col">
										<div class="widget-box">
											<div class="widget-header">
												<h5 class="widget-title">堆空间情况</h5>
											</div>
											<div class="widget-body">
												<div class="widget-main">
													 <div  class="heap  " >
													</div>
												</div>
											</div>
										</div>
							   </div>
							   <div class="col-sm-6 widget-container-col">
										<div class="widget-box">
											<div class="widget-header">
												<h5 class="widget-title">非堆空间情况</h5>
											</div>
											<div class="widget-body">
												<div class="widget-main">
													 <div  class="nonheap  " >
													</div>
												</div>
											</div>
										</div>
							   </div>
							   <div class="col-sm-6 widget-container-col">
										<div class="widget-box">
											<div class="widget-header">
												<h5 class="widget-title">JVM CPU利用情况</h5>
											</div>
											<div class="widget-body">
												<div class="widget-main">
													 <div  class="cupinfo" >
													</div>
												</div>
											</div>
										</div>
							   </div>
							   <div class="col-sm-6 widget-container-col">
										<div class="widget-box">
											<div class="widget-header">
												<h5 class="widget-title">线程</h5>
											</div>
											<div class="widget-body">
												<div class="widget-main">
													<h5 class="threadinfoStat"  style=" "></h5>
													<div  class="threadinfo" >
													</div>
												</div>
											</div>
										</div>
							   </div>
						</div>
						<div id="os" class="tab-pane fade">
						   <div class="col-sm-6 widget-container-col">
									<div class="widget-box">
										<div class="widget-header">
											<h5 class="widget-title">内存空间</h5>
										</div>
										<div class="widget-body">
											<div class="widget-main">
												<div  class="os_mem" >
												</div>
											</div>
										</div>
									</div>
						   </div>
						   <div class="col-sm-6 widget-container-col">
									<div class="widget-box">
										<div class="widget-header">
											<h5 class="widget-title">交换空间</h5>
										</div>
										<div class="widget-body">
											<div class="widget-main">
												<div  class="os_swap" >
												</div>
											</div>
										</div>
									</div>
						   </div>
						   <div class="col-sm-6 widget-container-col">
									<div class="widget-box">
										<div class="widget-header">
											<h5 class="widget-title">CPU利用情况</h5>
										</div>
										<div class="widget-body">
											<div class="widget-main">
												<div  class="os_cupinfo" >
												</div>
											</div>
										</div>
									</div>
						   </div>
						   <div class="col-sm-6 widget-container-col hide">
									<div class="widget-box">
										<div class="widget-header">
											<h5 class="widget-title">磁盘空间</h5>
										</div>
										<div class="widget-body">
											<div class="widget-main">
												<div  class="os_disk" >
												</div>
											</div>
										</div>
									</div>
						   </div>
						</div>
			 </div>
	 </div>
</div> 
